<!doctype html>
<html>

<head>
    <title>苏大科协2020招新面试</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="sudakexie" />
    <!-- script files -->
    <script src="assets/js/jquery-3.1.0.min.js"></script>
    <script src="assets/js/check.js"></script>
    <!-- font files  -->
    <!-- /font files  -->
    <!-- css files -->
    <link href="assets/css/style.css" rel='stylesheet' type='text/css' media="all" />
    <!-- /css files -->
</head>

<body>
    <h1>苏州大学学生科技协会2020招新</h1>
    <div class="log">
        <div class="content" style="" id="input_content">
            <h2>加入我们</h2>
            <form onsubmit="return false;">
                <input type="text" name="name" id="name" value="姓名" />
                <input type="text" name="id" id="id" value="学号" />
                <input type="text" name="class" id="class" value="班级" />
                <input type="text" name="tel" id="tel" value="联系电话" />
                <select name='department' id="department">
                    <option value="unknown" hidden="true">请选择希望加入的部门</option>
                    <option value='hardware'>硬件部</option>
                    <option value='electronic technique'>电子技术部</option>
                    <option value='software'>网创部</option>
                    <option value='esports'>电竞部</option>
                    <option value='humanresource'>人资部</option>
                </select>
                <input type="submit" class="register" id="btn_submit" value="提交申请">
            </form>
        </div>
        <div class="content" style="display:none" id="result_content">
            <div class="result">
                <img src="images/checked.png" style=“width:40%” />
                <p>您的申请已提交，请留意短信等候面试通知。</p>
                <hr />
                <p>更多信息，欢迎关注微信公众号</p>
                <img src="images/QRcode.jpg" style="width:30%" />
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <div class="footer">
        <p>Copyright 2020. ISTA all rights reserved.
            <br />Powered by gitee.io</p>
    </div>

</body>

</html>